﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="About.aspx.cs" Inherits="Paste_Code.About" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .contentbody p
        {
            font-family: "Harlow Solid Italic";
            font-size: 18px;
            line-height: 20px;
            margin: 5px 0 5px 0;
            padding: 0;
            width: 500px;
            text-align: center;
            font-weight: lighter;
            color: Black;
        }
        #mask
        {
            left: 0px; 
            width: 100%;
            position: relative;
            height: 400px; 
            filter: alpha(opacity=40,finishopacity=100,style=2,startx=0,starty=100,finishx=400,finishy=400); 
            top: -400px; 
            background-color: #F4F4F4
        }
        #motionblock
        {
            position: relative;
            left: 0;
            top: 0;
            width: 500px;
            height: 400px;
        }
    </style>

    <script language="javascript" type="text/javascript">
        function subpageload() {
            var motion = getObject("motionblock");
            var marquee = new MarqueeHelper(motion, 400, -700, 50000, 1000);
            motion._marquee = marquee;
            marquee.start.call(marquee);
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="contentblock">
        <div class="contentheader">
            <h3>About the author</h3>
        </div>
        <div class="contentbody" style="overflow: hidden; height: 400px">
            <div id="alphaeffect" style="overflow: hidden; height: 400px; width:100%">
                <div id="motionblock">
                    <p>Once Java was just a cup of coffee</p>
                    <p>No one realised net could mean other things</p>
                    <p>Human teaches human</p>
                    <p>Web widely lights up the world</p>
                    <p>&nbsp</p>
                    <p>The sun eclipses</p>
                    <p>The star crafts</p>
                    <p>The fire works</p>
                    <p>The silver lights</p>
                    <p>&nbsp</p>
                    <p>North wind roars</p>
                    <p>Blows away the navigator</p>
                    <p>The star won't be soft</p>
                    <p>The FC is still sharp</p>
                    <p>&nbsp</p>
                    <p>Though the apple is ripe</p>
                    <p>Be careful with the coming win-ter</p>
                    <p>The bright of future dies away from the land</p>
                    <p>Who can mark the amaze?</p>
                    <p>&nbsp</p>
                    <p>Box becomes boxer</p>
                    <p>Robot hasn't been free</p>
                    <p>Office will never open</p>
                    <p>Points can not be shared</p>
                    <p>&nbsp</p>
                    <p>I'm not tired of penguin</p>
                    <p>While the other penguin deeply surprises me</p>
                    <p>On the long march of IT road</p>
                    <p>Every thing is going on...</p>
                </div>
            </div>
            <div style="" id="mask"></div>
        </div>
    </div>
</asp:Content>
